<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
    <link rel="stylesheet" type="text/css" href="css/login.css"/>
    <link rel="stylesheet" type="text/css" href="css/animate.css"/>
    <title>首页index</title>



</head>
<style>

</style>



<body>
<div class="main"><!--考虑到兼容问题，这里不能main标签,因为它会和定位冲突-->

    <header>
            <section><img src="img/logo.jpg"></section>
            <nav class="btn_nav">
                    <span></span>
                    <span></span>
                    <span></span>
            </nav>
             <ul class="phone_nav">
                     <li><a href="index.html">主页</a></li>
                     <li><a href="featurn.html">特色推荐</a></li>
                     <li><a href="listen.html">随心听</a></li>
                     <li><a href="freedom.html">自由行</a></li>
                     <li><a href="aboutus.html">关于我们</a></li>
                     <li class="login_btn"><a>登录/注册</a></li>
             </ul>   
    </header>
    <article>
            <section class="banner">
                    <article><!--banner-->
                            <img src="img/banner.png">
                            <ul>
                                <li>您的贴身免费导游</li>
                                <li>让您自由畅行岭南印象园</li>      
                                <li>不再为路线而烦恼</li>        
                            </ul>
                            <aside>
                                <span>iOS下载</span>
                                <span>Android下载</span>
                            </aside>
                    </article>
                    <section class="star">
                            <div class="drawing">
                                    <span></span>
                                    <span></span>
                            </div>
                            <span class="circle"></span>
                            <div class="drawing">
                                    <span></span>
                                    <span></span>
                            </div>
                            <span class="circle"></span>
                            <div class="drawing">
                                    <span></span>
                                    <span></span>
                            </div>
                            <div class="drawing">
                                    <span></span>
                                    <span></span>
                            </div>
                            <span class="circle"></span>
                            <span class="circle"></span>
                            <span class="circle"></span>
                            <span class="circle"></span>
                    </section>
                    
                    <aside>
                        <img src="img/lion.png">
                        <img src="img/bottom.png">
                        <div>
                            <img src="img/smokeA.png">
                        </div>
                        <div>
                            <img src="img/smokeC.png">
                        </div>
                        <div>
                            <img src="img/smokeB.png">
                        </div>
                    </aside>
            </section>
    </article>
    <aside>
            <img src="img/bianpao.png">
    </aside>
    <p>岭南印象园APP   联系电话：400-511-3420</p>
</div>
<!--login-->
<article class="login">
                <section>
                        <article class="logo">
                                <img src="img/bigLogo.png">
                        </article>
                </section>
                <aside>
                    <div class="btn">
                            <span class="dlbtn">登录</span><span class="zcbtn">注册</span>
                    </div>
                    <form class="login_form">
                            <input type="type" placeholder="用户名"/>
                            <input type="type" placeholder="密码"/>
                            <span>忘记密码？</span>
                            <button>登录</button>
                    </form>
                    <form class="register">
                            <input type="type" placeholder="用户名"/>
                            <input type="type" placeholder="密码"/>
                            <input type="type" placeholder="密码"/>
                            <button>注册</button>
                    </form>
                    <ul>
                        <li><img src="img/qq.png"></li>
                        <li><img src="img/wechat.png"></li>
                        <li><img src="img/weibo.png"></li>
                    </ul>

                     <span class="close"><img src="img/close.png"></span>   
                </aside>
</article><!--login-->

</body>
<script src="js/response.js"></script>
<script src="js/denglu.js"></script>
<script>


        
</script>

</html>